{include file="public/header" /}
<style>
    .chat-info{
        width:100%;
        margin-top: 10px
    }
    .chat-user-info{
        margin-top: 2px
    }
    .chat-text{
        margin-left: 40px;
        word-break:break-all
    }
    .chat-img{
        width: 60px;
        border-radius: 0;
        cursor: pointer
    }
    .chat-video{
        width: 100px!important;
        height: auto!important;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>聊天记录</h5>
                </div>
                <div class="ibox-content layui-form">
                    <div class="layui-row layui-col-space10 layui-form-item ">
                        <div class="wrapper wrapper-content">
                            <div class="ibox float-e-margins">

                                <div id="chat-list">
                                    {if count($info) > 0}

                                    {volist name='info' id='vo'}
                                    <div class="chat-info">
                                        <div class="chat-user-info">{$vo.chat_send_phone}：</div>
                                        {if ($vo.chat_type == 1)}
                                        <div class="chat-text">{$vo.chat_content}</div>
                                        {elseif($vo.chat_type == 2)}
                                        <div class="chat-text">
                                            <img src="{$vo.chat_content}" class="img-circle chat-img">
                                        </div>
                                        {elseif($vo.chat_type == 3)}
                                        <div class="chat-text">
                                            <video width="60px" class="chat-video" controls>
                                                <source src="{$vo.chat_content}" type="video/mp4" />
                                            </video>
                                        </div>
                                        {else /}
                                        <div class="chat-text">
                                            <audio controls class="audio-music" src="{$vo.chat_content}">
                                            </audio>
                                        </div>
                                        {/if}
                                    </div>
                                    {/volist}

                                    {/if}

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{include file="public/footer" /}
</body>
</html>